<template>
	<view class="container">
		<cu-custom bgColor="bg-white">
			<block slot="content">我的</block>
		</cu-custom>
		<view class="relative padding-top-sm">
			<image class="user-card-bg" src="/static/img/user_card_background.png" mode="widthFix"></image>
			<view class="user-card flex align-center justify-between padding">
				<view class="flex" @tap="$tools.to('/pages/user/info')">
					<image class="cu-avatar round xl white-border" src="/static/img/none.png" mode="aspectFit"></image>
					<view class="margin-left flex flex-direction justify-between padding-top padding-bottom-xs">
						<view class="text-xl">18888888888</view>
						<view class="text-gray">欢迎来到福筑家来~</view>
					</view>
				</view>
				<!-- <view class="flex align-center" @tap="$tools.to('/pages/user/member')">
					<text class="margin-right-xs text-gray">查看福筑家来超级会员计划</text>
					<uni-icons type="right" size="20" color="#999"></uni-icons>
				</view> -->
			</view>
		</view>
		<view class="order-control margin padding bg-white radius-sm">
			<view class="flex justify-between align-center">
				<text class="text-lg">订单管理</text>
				<!-- <view class="flex align-center text-gray" @tap="$tools.to('/pages/user/member')">
					<text class="margin-right-xs">去领优惠</text>
					<uni-icons type="right" size="16" color="#aaa"></uni-icons>
				</view> -->
			</view>
			<view class="flex justify-around margin-top">
				<view class="flex flex-direction align-center" @tap="$tools.to('/pages/order/list?type=0')">
					<image class="icon" src="/static/img/yiyuyue.png" mode="widthFix"></image>
					<view class="margin-top-sm">已预约</view>
				</view>
				<view class="flex flex-direction align-center" @tap="$tools.to('/pages/order/list?type=1')">
					<image class="icon" src="/static/img/yiwancheng.png" mode="widthFix"></image>
					<view class="margin-top-sm">已完成</view>
				</view>
				<view class="flex flex-direction align-center" @tap="$tools.to('/pages/order/list?type=2')">
					<image class="icon" src="/static/img/yiquxiao.png" mode="widthFix"></image>
					<view class="margin-top-sm">已取消</view>
				</view>
			</view>
		</view>
		<button class="cu-btn share-btn" open-type="share" @tap="$tools.to('/pages/user/member')">
			<image class="flex-sub" src="/static/img/share.png" mode="widthFix"></image>
		</button>
		<view class="margin padding-lr padding-tb-xs bg-white radius-sm">
			<!-- <view class="menu-item" @tap="$tools.to('/pages/order/list')">
				<view class="flex align-center">
					<image class="icon" src="/static/img/menu_jieshao.png" mode="widthFix"></image>
					<text class="margin-left">企业介绍</text>
				</view>
				<view class="flex align-center text-gray">
					<uni-icons type="right" size="20" color="rgba(136, 136, 136, 1)"></uni-icons>
				</view>
			</view> -->
			<view class="menu-item" @tap="$tools.to('/pages/user/doubt')">
				<view class="flex align-center">
					<image class="icon" src="/static/img/menu_yijian.png" mode="widthFix"></image>
					<text class="margin-left">意见反馈</text>
				</view>
				<view class="flex align-center text-gray">
					<uni-icons type="right" size="20" color="rgba(136, 136, 136, 1)"></uni-icons>
				</view>
			</view>
			<button class="menu-item" hover-class="none" open-type="contact">
				<view class="flex align-center">
					<image class="icon" src="/static/img/menu_contact.png" mode="widthFix"></image>
					<text class="margin-left">联系客服</text>
				</view>
				<view class="flex align-center text-gray">
					<uni-icons type="right" size="20" color="rgba(136, 136, 136, 1)"></uni-icons>
				</view>
			</button>
		</view>
		
		<login></login>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				CustomBar: this.CustomBar,
			}
		},
		methods: {
			temp() {
				return this.$tools.msg("暂时没做完")
			}
		}
	}
</script>

<style scoped>
	.user-card-bg {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: auto;
		z-index: 1;
	}
	.user-card {
		position: relative;
		z-index: 9;
	}
	.white-border {
		border: 2rpx solid #fff;
	}
	.order-control {
		position: relative;
		z-index: 9;
	}
	.order-control .icon {
		width: 60rpx;
		height: auto;
	}
	.share-btn {
		display: flex;
		margin: 30rpx;
		padding: 0;
		height: unset;
	}
	.menu-item {
		display: flex;
		align-items: center;
		justify-content: space-between;
		line-height: 76rpx;
		font-size: 32rpx;
		background-color: transparent;
		margin: 10rpx 0;
		padding: 0 10rpx;
	}
	.menu-item .icon {
		width: 52rpx;
		height: auto;
		flex-shrink: 0;
	}
	/deep/uni-button.menu-item,
	button.menu-item {
		padding: 0 10rpx;
	}
	/deep/uni-button.menu-item::after,
	button.menu-item::after {
		border: none;
	}
</style>